﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>物料配送</title>
    <link href="~/lib/weui/weui.css" rel="stylesheet" />
    <link href="~/lib/weui/example.css" rel="stylesheet" />
    <script src="~/js/jquery.min.js"></script>
</head>
<body>
    <div class="page js_show">
        <div class="page__bd" style="height: 100%;">
            <div class="weui-tab">
                @RenderBody()
                <div role="tablist" aria-label="选项卡标题" class="weui-tabbar">
                    <!--<div id="tab1" role="tab" aria-labelledby="t1_title" aria-describedby="t1_tips" aria-selected="false"  aria-action="Index" class="weui-tabbar__item">
                        <img src="~/images/icon_tabbar.png" alt="" class="weui-tabbar__icon">
                        <p id="t1_title" aria-hidden="true" class="weui-tabbar__label">配料</p>
                    </div>-->
                    <div id="tab2" role="tab" aria-labelledby="t2_title" aria-selected="false" aria-action="Board" class="weui-tabbar__item">
                        <img src="~/images/icons/green/02_GD.png" alt="" class="weui-tabbar__icon">
                        <p aria-hidden="true" id="t2_title" class="weui-tabbar__label">视角</p>
                    </div>
                    <div id="tab3" role="tab" aria-labelledby="t3_title" aria-describedby="t3_tips" aria-selected="false" aria-action="Menu" class="weui-tabbar__item">
                        <img src="~/images/icons/gray/01_PB.png" alt="" class="weui-tabbar__icon">
                        <p id="t3_title" aria-hidden="true" class="weui-tabbar__label">菜单</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div role="alert" id="toast" style="display: none;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast">
            <i class="weui-icon-success-no-circle weui-icon_toast"></i>
            <p class="weui-toast__content">切换完成</p>
        </div>
        <div role="alert" id="warnToast" style="display: none;">
            <div class="weui-mask_transparent"></div>
            <div class="weui-toast">
                <i class="weui-icon-warn weui-icon_toast"></i>
                <p class="weui-toast__content">切换失败</p>
            </div>
        </div>
    </div>
</body>
</html>
<script>
        $(function(){
        $('.weui-tabbar__item').on('click', function () {
            $(this).siblings('.weui-bar__item_on').removeClass('weui-bar__item_on').attr('aria-selected','false');
            var action = $(this).attr('aria-action');
            if(action)
             window.location.href= "/Home/"+action;
        });
    });
</script>
